<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>  
<!DOCTYPE html>
<!-- saved from url=(0049)http://192.168.1.42:8080/shop-pc/manage/order/207 -->
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
	    <meta http-equiv="Content-Language" content="zh-CN">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	    <meta name="description" content="shop">
	    <meta name="author" content="letsun">
	    
	    <title>订单详情 </title>
 		<link rel="shortcut icon" href="http://192.168.1.42:8080/shop-pc/resources/icon/favicon.ico" type="image/x-icon">
	    <link rel="icon" href="http://192.168.1.42:8080/shop-pc/resources/icon/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="${resources}/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="${resources}/plugs/fontAwesome/4.6.3/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="${resources}/css/jquery.gritter.css">
		<link rel="stylesheet" type="text/css" href="${resources}/css/bootstrap-sticky-footer.css">
		<link rel="stylesheet" type="text/css" href="${resources}/css/bootstrap-fix.css">
		<link rel="stylesheet" type="text/css" href="${resources}/css/foot.css">

		<script src="${resources}/js/jquery.gritter.min.extend.js"></script>
		<script src="${resources}/js/jquery.min.js"></script>
		<script src="${resources}/js/bootstrap.min.js"></script>
		<style>
			#nav {
				background-color: #de2525;
			}
			#nav .logo .fore1 {
				background: url(${resources}/images/1_1.png) center no-repeat;
				width: 168px;
			}
		</style>
 	</head>

 	<body>
<!-- <nav class="navbar navbar-default navbar-static-top navbar-shortcut">
      <div class="container">
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right navbar-nav-jd">
          				 	<li>
	            	<a href="http://192.168.1.42:8080/shop-pc/setting/profile" class="link-user">您好,15986652558</a>
	            </li>
	            <li>
	            	<a href="http://192.168.1.42:8080/shop-pc/logout" class="link-logout">退出</a>
	            </li>
			<li>
            	<a target="_blank" href="http://192.168.1.42:8080/shop-pc/manage/order">我的订单</a>
            </li>
          </ul>
        </div>/.nav-collapse
      </div>
    </nav>
- 导航： begin
<div id="nav">
	<div class="w container">
		logo begin
		<div class="logo">
			<a href="http://192.168.1.42:8080/shop-pc/" target="_blank" class="fore1"></a>
		</div>
		logo end
		
		
		<div class="pull-right">
			<form class="navbar-form navbar-left navbar-form-jd" role="search" action="http://192.168.1.42:8080/shop-pc/goods/search">
		        <div class="form-group">
		          <input type="text" class="form-control" name="search_CN_title" placeholder="水果">
		        </div>
		        <button type="submit" class="btn btn-default">搜索</button>
		    </form>
		    
		</div>
	</div>
</div> -->
<%@ include file ="../header_1.jsp" %>
<!--- 导航： end -->
	
<!-- 	
<nav class="navbar navbar-default navbar-assist">
  <div class="container">
    <!-- 企业logo --
    <div class="navbar-header">
	  <a href="/shop-pc/" class="navbar-brand"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling --
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-nav-jd">

      </ul>
      
      <form class="navbar-form navbar-left navbar-form-jd" role="search"  action="/shop-pc/goods/search">
        <div class="form-group">
          <input type="text" class="form-control" name="search_CN_title"  placeholder="水果">
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
    </div>
    <!-- /.navbar-collapse --
  </div>
  <!-- /.container --
</nav>
-->

		
		<div class="container">
			<div class="row">
				<div class="col-md-1">
					<%@ include file="../menu.jsp" %>
 				</div>
				<div class="col-md-11">

	<!-- page-header -->
	<div class="page-header">
		<div class="page-comm">
	 		<div class="mt"> 
	 	 		<h3>订单编号:${order.orderno }</h3>
	 	 	</div>
	 	 	<div class="mc">
	 	 		<table class="table data-table-noborder">
	 	 			<tbody>
	 	 			<tr>
	 	 				<td class="td1">状态</td>
							<c:choose>
								<c:when test="${order.status==1 }">
	 	 							<td class="td2">未支付</td>
								</c:when>
								<c:when test="${order.status==2 }">
									<td class="td2">已取消</td>
								</c:when>
								<c:when test="${order.status==3 }">
									<td class="td2">已支付</td>
								</c:when>
								<c:when test="${order.status==4}">
									<td class="td2">已发货</td>
								</c:when>
								<c:when test="${order.status==5}">
									<td class="td2">已签收</td>
								</c:when>
								<c:when test="${order.status==6}">
									<td class="td2">已评价</td>
								</c:when>
								<c:when test="${order.status==7}">
									<td class="td2">未评价</td>
								</c:when>
								<c:when test="${order.status==8}">
									<td class="td2">申请退货中</td>
								</c:when>
								<c:when test="${order.status==9}">
									<td class="td2">已退货</td>
								</c:when>
								<c:otherwise>
									<td class="td2">已清算</td>
								</c:otherwise>
							</c:choose>
	 	 				</td>
	 	 			</tr>
	 	 		</tbody></table>
	 	 	</div>
		</div>	
	</div>
	<!-- /.page-header -->


	<div class="page-content">
		<div class="page-comm">
			<div class="mt"> 
	 	 		<h3>收货人信息</h3>
	 	 	</div>
	 	 	<div class="mc">
	 	 		<table class="table data-table-noborder">
	 	 			<tbody><tr>
	 	 				<td class="td1">收货人：</td>
	 	 				<td class="td2">${order.receiver}</td>
	 	 			</tr>
 	 				<tr>
	 	 				<td class="td1">联系电话：</td>
	 	 				<td class="td2">${order.telephone }</td>
	 	 			</tr>
 	 				<tr>
	 	 				<td class="td1">收货地址：</td>
	 	 				<td class="td2">${order.address }</td>
	 	 			</tr>
	 	 		</tbody></table>
 	 	 	</div>
		</div>	
	</div>	 	
	 	 	
	<div class="page-content">
		<div class="page-comm">
			<div class="mt"> 
	 	 		<h3>支付及配送</h3>
	 	 	</div>
	 	 	<div class="mc">
	 	 		<table class="table data-table-noborder">
	 	 			<tbody><tr>
	 	 				<td class="td1">支付方式：</td>
	 	 				<td class="td2">在线支付</td>
	 	 			</tr>
					<tr>
	 	 				<td class="td1">运    费：</td>
	 	 				<td class="td2">${order.expressprice}元</td>
	 	 			</tr>
	 	 			<!-- 订单历史状态 3表示已确认  4 表示已发送 5表示已签收  -->
	 	 		</tbody></table>	
	 	 	</div>
		</div>	
	</div>	 	


	<div class="page-content">
		<div class="page-comm">
			<div class="mt"> 
	 	 		<h3>订单详情</h3>
	 	 	</div>
	 	 	<div class="mc">
				<table class="table table-borderd">
				<tbody><tr>
                    <th width="180">商品编号</th>
                    <th width="125">商品图片</th>
                    <th width="125">商品名称</th>
                    <th width="125">价格</th>
                    <th>数量</th>
                </tr>
				<c:forEach items="${order.orderItemList}" var ="item">
					<tr>
	                    <td>${item.goods.id}</td>
	                    <td>	
	                    	<img class="" src="${item.goods.picurl}" title="" data-lazy-img="done" width="60" height="60">
							<!--
							img style="width:50%;height:50%"/> 
							-->
						</td>
	                    <td><div style="width: 250px;" class="ar">${item.goods.name}</div></td>
	                    <td><div class="ar">${item.goods.price}</div></td>
	                    <td><div class="baklist">${item.amount }</div></td>
	                </tr>
                </c:forEach>
				</tbody></table>
	 		</div>
		</div>	
	</div>	 

				</div>
 			</div>
 		</div>
 		
<%@ include file="../footer.jsp" %>
	
	<script type="text/javascript">
		var $path="/shop-pc";
	</script>
	
 	
 
</body>
</html>